<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <title>课程-任务</title>

    <%@ include file="/common/commonLib.jsp" %>
    <link rel="stylesheet" type="text/css" href="<c:url value='/css/courseTaskEdit.css'/>"/>
    <link rel="stylesheet" type="text/css" href="<c:url value='/css/common-main.css'/>"/>
    <link rel="stylesheet" type="text/css" href="<c:url value='/wangEditor/dist/css/wangEditor.css'/>"/>
    <link rel="stylesheet" type="text/css" href="<c:url value='/css/checkboxcss/inserthtml.com.radios.css'/>"/>
<%--    <link rel="stylesheet" type="text/css" href="<c:url value='/css/courserTaskAnalysis.css'/>"/>--%>
<%--    <link rel="stylesheet" type="text/css" href="<c:url value='/css/taskAnalysis.css'/>"/>--%>
<%--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">--%>
    <script src="<c:url value='/js/taskEdit.js'/>" type="text/javascript" charset="utf-8"></script>
<%--    <script src="../js/echarts.js"></script>--%>
<%--    <style type="text/css">/* Chart.js */--%>
    <%--@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style>--%>
</head>
<body>
<div class="container-fluid main">
    <div class="row">
        <div class="col-md-12">
            <%@include file="/common/header.jsp" %>
        </div>
        <div class="col-md-12">
            <%@include file="common/courseHeader.jsp" %>
        </div>
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-3">
                    <%@include file="common/courseLeft.jsp" %>
                </div>
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-md-12">
                            <%@include file="common/courseNavbar.jsp" %>
                        </div>

                        <div class="col-md-12">
                            <div class="tab-nav">
                                <a id="href1" class="front-nav" title="返回任务首页">任务首页
                                </a>&nbsp;>&nbsp;
                                <span id="href2" class="back-nav"></span>
<%--                                <span class="back-nav"> > 任务分析</span>--%>
                            </div>
<%--                            <div class="col-md-12" style="display: none">--%>
<%--                                <div class="page-header" style="margin: 0px;">--%>
<%--                                    <h3 style="text-align: center;">--%>
<%--                                        任务分析--%>
<%--                                    </h3>--%>
<%--                                </div>--%>
<%--                                <p class="clearfix mb20">--%>

<%--                                </p>--%>
<%--                                <div class="widget">--%>
<%--                                    <div class="widget-content" style="margin: 0;padding: 0;background: whitesmoke !important;">--%>
<%--                                        <div class="col-md-12">--%>
<%--                                            <div class="page-header clearfix">--%>
<%--                                                <div class="pull-right">--%>
<%--                                                    <div class="stats-box-title">学生数</div>--%>
<%--                                                    <div class="stats-box-all-info">--%>
<%--                                                        <i class="icon-user" style="color:#3366cc;">--%>

<%--                                                        </i> 240--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="pull-right mr20">--%>
<%--                                                    <div class="stats-box-title">学科</div>--%>
<%--                                                    <div class="stats-box-all-info">--%>
<%--                                                        <i class="icon-book" style="color:#F30">--%>

<%--                                                        </i> 编译原理--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--&lt;%&ndash;                                                <span class="pull-right text-h">共检测到</span>&ndash;%&gt;--%>
<%--                                            </div>--%>
<%--                                        </div>--%>
<%--                                        <div class="col-md-12">--%>
<%--                                            <div class="panel panel-default">--%>
<%--                                                <div class="panel-body">--%>
<%--                                                    <div class="pull-left mb20">--%>
<%--                                                        <span class="text-muted"><i class="iconfont icon-dengpao"></i>Tips: 标准差：用来描述样本的离散程度，越大说明离散度越大，即高分与低分比较多。</span>--%>
<%--                                                    </div>--%>
<%--                                                    <div class="col-md-12">--%>
<%--                                                        <div class="widget widget-table action-table mt20">--%>
<%--                                                            <!-- /widget-header -->--%>
<%--                                                            <div class="widget-content">--%>
<%--                                                                <div class="table-responsive">--%>
<%--                                                                    <table class="table table-striped table-bordered">--%>
<%--                                                                        <thead>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                平均分</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                最高分</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                最低分</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                中位数</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                标准差</th>--%>
<%--                                                                        </tr>--%>
<%--                                                                        </thead>--%>
<%--                                                                        <tbody>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 67.21 </td>--%>
<%--                                                                            <td> 83.5 </td>--%>
<%--                                                                            <td> 21.5 </td>--%>
<%--                                                                            <td> 69.5 </td>--%>
<%--                                                                            <td> 9.52 </td>--%>
<%--                                                                        </tr>--%>
<%--                                                                        </tbody>--%>
<%--                                                                    </table>--%>
<%--                                                                </div>--%>
<%--                                                                <div class="table-responsive">--%>
<%--                                                                    <table class="table table-striped table-bordered">--%>
<%--                                                                        <thead>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <th> 班级</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                排名</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                平均分</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                中位数</th>--%>
<%--                                                                            <th>   编译原理--%>
<%--                                                                                标准差</th>--%>
<%--                                                                        </tr>--%>
<%--                                                                        </thead>--%>
<%--                                                                        <tbody>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 1 班</td>--%>
<%--                                                                            <td> 4 </td>--%>
<%--                                                                            <td> 66.77 </td>--%>
<%--                                                                            <td> 68.25 </td>--%>
<%--                                                                            <td> 9.12 </td>--%>
<%--                                                                        </tr>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 2 班</td>--%>
<%--                                                                            <td> 3 </td>--%>
<%--                                                                            <td> 68.35 </td>--%>
<%--                                                                            <td> 68 </td>--%>
<%--                                                                            <td> 5.52 </td>--%>
<%--                                                                        </tr>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 3 班</td>--%>
<%--                                                                            <td> 1 </td>--%>
<%--                                                                            <td> 69.19 </td>--%>
<%--                                                                            <td> 70.8 </td>--%>
<%--                                                                            <td> 9.09 </td>--%>
<%--                                                                        </tr>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 4 班</td>--%>
<%--                                                                            <td> 2 </td>--%>
<%--                                                                            <td> 68.51 </td>--%>
<%--                                                                            <td> 71 </td>--%>
<%--                                                                            <td> 10.51 </td>--%>
<%--                                                                        </tr>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 5 班</td>--%>
<%--                                                                            <td> 6 </td>--%>
<%--                                                                            <td> 64.45 </td>--%>
<%--                                                                            <td> 67.5 </td>--%>
<%--                                                                            <td> 11.42 </td>--%>
<%--                                                                        </tr>--%>
<%--                                                                        <tr>--%>
<%--                                                                            <td> 6 班</td>--%>
<%--                                                                            <td> 5 </td>--%>
<%--                                                                            <td> 65.8 </td>--%>
<%--                                                                            <td> 67 </td>--%>
<%--                                                                            <td> 9.51 </td>--%>
<%--                                                                        </tr>--%>

<%--                                                                        </tbody>--%>
<%--                                                                    </table>--%>
<%--                                                                </div>--%>
<%--                                                            </div>--%>
<%--                                                        </div>--%>
<%--                                                    </div>--%>
<%--                                                    <div class="col-md-12">--%>
<%--                                                        <div class="col-md-12" style="height:500px;display: flex;justify-content:space-between;">--%>
<%--                                                            <div class="col-md-6" id="graph1" style="height:500px">--%>

<%--                                                            </div>--%>
<%--                                                            <div class="col-md-6" id="graph2" style="height:500px;">--%>

<%--                                                            </div>--%>
<%--                                                        </div>--%>
<%--                                                        <div class="col-md-12" style="height:500px;display: flex;justify-content:space-between;">--%>
<%--                                                            <div class="col-md-6" id="graph3" style="height:500px">--%>

<%--                                                            </div>--%>
<%--                                                            <div class="col-md-6" id="graph4" style="height:500px">--%>

<%--                                                            </div>--%>
<%--                                                        </div>--%>
<%--                                                        <div class="col-md-12" style="height:500px;display: flex;justify-content:space-between;">--%>
<%--                                                            <div class="col-md-6" id="graph5" style="height:500px">--%>

<%--                                                            </div>--%>
<%--                                                            <div class="col-md-6"id="graph6" style="height:500px">--%>

<%--                                                            </div>--%>
<%--                                                        </div>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                            </div>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </div>--%>


                            <div class="row taskEdit">
                                <div class="col-md-12">
                                    <hr>
                                    <!-- 任务名 -->
                                    <div class="form-group">
                                        <label for="">任务名称</label>
                                        <input type="hidden" name="detailTaskId"/>
                                        <span id="edit-task-name" title="任务名称"></span>
                                    </div>

                                    <div class="form-group">
                                        <label for="">任务类型</label>
                                        <span id="task-type" title="任务类型"></span>
                                        <input type="hidden" name="hiddenType"/>
                                        <select class="form-control" hidden="hidden" style="width: 160px;display:none"
                                                id="edit-task-type">
                                            <option value="ASKINLESSON">课堂提问</option>
                                            <option value="TESTINLESSON">当堂测试</option>
                                            <option value="HOMEWORK">课后作业</option>
                                            <option value="LABTEST">实验任务</option>
                                            <option value="PERSONALTASK">个人任务</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="">任务满分</label>
                                        <span id="task-full-mark" title="任务满分"></span>
                                        <input type="hidden" id="isSelect"/>
                                    </div>
                                    <hr>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <label for="">任务描述</label>
                                        </div>
                                        <div class="col-md-12">
                                            <div id="editor-task">

                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <label for="">任务附件</label>
                                            <button type="button" class="btn btn-primary"
                                                    onclick="$('#task-file-edit').click();">选择文件
                                            </button>
                                        </div>
                                        <div class="col-md-12" style="display:none;">
                                            <input type="file" id="task-file-edit" name="file"
                                                   onchange="taskFileListEdit()"/>
                                        </div>
                                        <div class="col-md-12">
                                            <ul id="task-file-list-edit">

                                            </ul>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div id="option" class="col-md-6">
                                            <label>答案选项</label>
                                            <table id="optionList">
                                            </table>
                                        </div>
                                        <div id="scoreItems" class="col-md-6">
                                            <label>评分项</label>
                                            <table id="scoreItemList">
                                                <tr>
                                                    <td class="col-md-7"><span style="font-weight: bold">评分项</span></td>
                                                    <td class="col-md-3"><span style="font-weight: bold">该项满分</span>
                                                    </td>
                                                    <td class="col-md-2"></td>
                                                </tr>

                                            </table>
                                        </div>
                                        <div class="col-md-6">
                                            <label>课程目标权重</label>
                                            <div id="courseTarget-list">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <span id="checkboxTitle" style="color:#00b43c;font-weight:bolder;"
                                                  title="点击显示答案">显示答案</span>
                                            <input type="checkbox" id="checkbox"/><label for="checkbox"
                                                                                         title="点击显示答案"></label>
                                        </div>
                                    </div>

                                    <div class="row" id="answer-box">
                                        <div class="col-md-12">
                                            <label>标准答案</label>
                                            <div id="editor-answer" style="min-height:15rem;">

                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <label for="">标准答案附件</label>
                                            <button type="button" class="btn btn-primary"
                                                    onclick="$('#answer-file-edit').click();">选择文件
                                            </button>
                                        </div>
                                        <div class="col-md-12" style="display:none;">
                                            <input type="file" id="answer-file-edit" name="file"
                                                   onchange="answerFileListEdit()"/>
                                        </div>
                                        <div class="col-md-12">
                                            <ul id="answer-file-list-edit">

                                            </ul>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="row" style="margin-top:2rem;">
                                <div class="col-md-4"></div>
                                <div class="col-md-4">
                                    <input type="number" id="count" style="display:none;" value="0">
                                    <input type="button" id="delete-task-btn" value="删除" class="btn btn-danger"
                                           title="点击删除任务"/>
                                    <input type="button" id="edit-task-btn" value="编辑" class="btn btn-primary"
                                           title="点击修改任务信息"/>
                                    <input type="button" id="publish-task-btn" value="分配和记录" class="btn btn-success"
                                           title="点击进行分配任务和查看记录"/>
                                    <input type="button" id="analysis-task-btn" value="分析" class="btn btn-warning" onclick="Analysis()"
                                       title="点击进行任务分析"/>

                                </div>
                                <div style="height: 100px"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>


</div>
<%@include file="/common/footer.jsp" %>
<script src="<c:url value='/wangEditor/dist/js/wangEditor.js'/>" type="text/javascript" charset="utf-8"></script>
</body>
<script>
    var data =${data};
    $(document).ready(function () {

        if (data.status != "success") {
            alert(data.message);
            return;
        }
        // console.log(data.data)
        // $("#analysis-task-btn").click(function () {
        //     window.location.href =
        // })
        //删除任务
        $("#delete-task-btn").click(function () {
            var id = $("input[name='detailTaskId']").val();
            if (window.confirm("您确定要删除吗?")) {

                $.post(CONTEXT_PATH + "task/ajaxDelete", "id=" + id, function (data) {
                    if (data.status == "success") {

                        layer.msg("删除成功");
                        window.location = CONTEXT_PATH + "task/list?courseId=" + data.data.task.courseId
                    } else {
                        layer.msg("删除失败");
                    }
                });

            } else {

            }
        })

        $("#task").css("color", "#00b43c");
        $("#answer-box").hide();
        changeUrl(data.data.courseId);
        fetchCourse(data.data.courseId);
        initDetail(data.data.task);


        var count = $("#count").val();
        if (count == 0) {
            $("#editor-task").attr("contenteditable", false);
            $("#editor-answer").attr("contenteditable", false);
        }
        $("#checkbox").click(function () {
            if ($("#checkbox").is(":checked")) {
                $("#answer-box").show();
            } else {
                $("#answer-box").hide();
            }
        });
        $("#checkboxTitle").click(function () {
            if ($("#checkbox").is(":checked")) {
                $("#checkbox").attr("checked", false);
                $("#answer-box").hide();
            } else {
                $("#checkbox").attr("checked", true);
                $("#answer-box").show();
            }
        });
        $("#href1").attr("href", CONTEXT_PATH + "task/list?courseId=" + data.data.courseId);
        $("#href2").text(data.data.task.title);
    })

    var initDetail = function (view) {
        var taskType = getTaskType(view.type);
        $("input[name='hiddenType']").val(view.type);

        $("#task-type").text(taskType);
        // $("#edit-task-type").val(getType(view.type));
        $("#edit-task-type").val(view.type);
        $("#edit-task-name").text(isNull(view.title));
        $("input[name='detailTaskId']").val(view.id);
        $("#editor-task").html(isNull(view.description));
        $("#editor-answer").html(isNull(view.standardAnswer));
        initFileList(view.attachment.files, "attach", view.type);
        initFileList(view.answerAttachment.files, "anwserAttach", view.type);

        //新加
        $("#isSelect").val(view.isSelect);
        $("#task-full-mark").text(view.fullMark);

        // console.log("11111111  "+view.fullMark);
        if (view.isSelect) {
            //选择题
            $("#option").show();
            $("#scoreItems").hide();
            var options = JSON.parse(view.content);
            var str = "";
            for (var i = 0; i < options.length; i++) {
                str += ("<tr class=\"option\">");
                str += ("<td class=\"col-md-2\"><span style=\"font-weight:bold\">") + options[i].num + ("</span></td>");
                str += ("<td class=\"col-md-8\"><input class=\"form-control readonly\" name=\"optionItem\" readonly=\"readonly\" value=\"") + options[i].item + ("\"></td>");
                str += ("</tr>");
            }
            $("#optionList").append(str);

        } else {
            //非选择题
            $("#option").hide();
            $("#scoreItems").show();
            var str = "";
            for (var i = 0; i < view.scoreItems.length; i++) {
                str += ("<tr class=\"scoreItem\">");
                str += ("<td class=\"col-md-7\"><input class=\"form-control readonly\" name=\"scoreItem\" readonly=\"readonly\" value=\"")
                    + view.scoreItems[i].scoreItem + ("\"></td>");
                str += ("<td class=\"col-md-3\"><input class=\"form-control readonly\" name=\"scoreItemWeight\" readonly=\"readonly\" value=\"")
                    + view.scoreItems[i].weight + ("\"></td>");
                str += ("<td class=\"col-md-2\"></td>");
                str += ("</tr>");
            }
            $("#scoreItemList").append(str);
        }
        var str = "";

        for (var i = 0; i < view.courseTargets.length; i++) {
            if(view.courseTargets[i].weight!=0){
                str += ("<div>");
                str += ("<span style=\"font-weight:bold;display: inline-block;width: 40%\">课程目标") + (i + 1) + ("权重：</span>");
                str += ("<input type=\"text\" name=\"courseTargetId\" hidden=\"hidden\" value=\"") + view.courseTargets[i].courseTargetId + ("\">");
                str += ("<input class=\"form-control readonly\" style=\"display: inline-block;width: 30%\" name=\"weight\" readonly=\"readonly\" value=\"")
                    + view.courseTargets[i].weight + ("\">");
                str += ("</div>");
            }
        }
        $("#courseTarget-list").append(str);
    }


    var getTaskType = function (type) {
        if (type == "ASKINLESSON") {
            return "课堂提问";
        } else if (type == "TESTINLESSON") {
            return "当堂测试";
        } else if (type == "HOMEWORK") {
            return "课后作业";
        } else if (type == "LABTEST") {
            return "实验任务";
        } else {
            return "个人任务";
        }
    }

    function getType(type) {
        if (type == "ASKINLESSON") return 0;
        if (type == "TESTINLESSON") return 1;
        if (type == "HOMEWORK") return 2;
        if (type == "LABTEST") return 3;
        if (type == "PERSONALTASK") return 4;
    }

    var isNull = function (string) {
        if (string == null || string.trim() == "" || string.trim() == "<p><br></p>") {
            return "(没有提供描述)";
        } else {
            return string.trim();
        }
    }

    var addAttachment = function (attachType) {
        var taskType = $("input[name='hiddenType']").val();
        var id = "";
        if (attachType == "attach") {//附件
            id = "task-file-edit"
        } else {//答案
            id = "answer-file-edit"
        }
        $.ajaxFileUpload({
            url: CONTEXT_PATH + "resource/upload", //用于文件上传的服务器端请求地址
            secureuri: false, //是否需要安全协议，一般设置为false
            fileElementId: id, //文件上传域的ID
            dataType: 'json', //返回值类型 一般设置为json
            success: function (data, status) //服务器成功响应处理函数
            {
                if (data.status == "success") {
                    ajaxAddAttachment(data.data, attachType, taskType);
                } else {
                    alert(data.message);
                }
            },
            error: function (data, status, e)//服务器响应失败处理函数
            {
                alert(e);
            }
        });
    }

    var ajaxAddAttachment = function (data, attachType, taskType) {
        var id = $("input[name='detailTaskId']").val();
        var type = attachType == "attach" ? 1 : 2;
        var json = {
            id: id,
            type: type,
            name: data.name,
            key: data.key
        };

        $.post(CONTEXT_PATH + "task/ajaxAddAttachment", {
            data: JSON.stringify(json)
        }, function (data) {
            if (data.status == "success") {
                layer.msg("上传成功");
                initEditFileList(data.data.attachments, attachType);
            } else {
                alert(data.message);
            }
        });

    }

    var initEditFileList = function (list, attachType) {
        var obj = null;
        if (attachType == "attach") {
            obj = $("#task-file-list-edit");
        } else {
            obj = $("#answer-file-list-edit");
        }
        obj.empty();
        if (list.length <= 0) {
            var temp = "";
            temp += "<li class=\"no-attach\"><span>（未包含附件）</span></li>";
            obj.append(temp);
        } else {
            for (var i = 0; i < list.length; i++) {
                var temp = "";

                temp += ("<li><span>" + list[i].name + "</span>");
                temp += ("<button type=\"button\" style=\"display:block;\" class=\"btn btn-default\" onclick=\"deleteAttachment('" + list[i].url + "','" + attachType + "')\">删除</button></li>");

                obj.append(temp);
            }
        }
    }

    var deleteAttachment = function (key, attachType) {
        var type = attachType == "attach" ? 1 : 2;
        var json = {
            id: $("input[name='detailTaskId']").val(),
            type: type,
            key: key
        };

        $.post(CONTEXT_PATH + "task/ajaxDeleteAttachment", {
            data: JSON.stringify(json)
        }, function (data) {
            if (data.status == "success") {
                layer.msg("删除成功");
            } else {
                layer.msg("删除失败");
            }
        });
    }

    var initFileList = function (list, attachType) {
        var obj = null;
        if (attachType == "attach") {
            obj = $("#task-file-list-edit");
        } else {
            obj = $("#answer-file-list-edit");
        }
        obj.empty();
        if (list.length <= 0) {
            var temp = "";
            temp += "<li class=\"no-attach\"><span>（未包含附件）</span></li>";
            obj.append(temp);
        } else {
            for (var i = 0; i < list.length; i++) {
                var temp = "";
                temp += ("<li>");
                temp += ("<span>" + list[i].name + "</span>");
                // temp += ("<a id=\"download-url\" href=\"/CourseSupport/resource/download/" + list[i].url + "\">下载</a>");
                temp += ("<a id=\"download-url\" href=\"<c:url value='/resource/download/"+list[i].url+"'/>\">下载</a>");
                temp += ("<button type=\"button\" style=\"\" class=\"btn btn-default\" onclick=\"deleteAttachment('" + list[i].url + "','" + attachType + "')\" >删除</button>");
                temp += ("</li>");
                obj.append(temp);
            }
        }
    }
    var removeWu = function (string) {
        string = string.trim();
        if (string == "(无)<p><br></p>" || string.indexOf("(无)") != -1) {
            string = string.replace("(无)", "");
            return string.replace("<p><br></p>", "");
        } else {
            return string.replace("<p><br></p>", "");
        }

    }
    var updateTaskDetail = function (taskEdit, answerEdit) {
        // var type=$("input[name='hiddenType']").val();
        var title = $("#edit-task-name").text();
        var id = $("input[name='detailTaskId']").val();
        var description = removeWu(taskEdit);
        var standardAnswer = removeWu(answerEdit);
        var type = $("#edit-task-type").val();
        var isSelect = $("#isSelect").val();
        var fullMark =$("#task-full-mark").text();
        var contents = [];
        var scoreItems = [];
        var courseTargets = [];
        if ($("#isSelect").val()=="true") {
            //选择题
            var elements = document.getElementsByClassName("option");
            for (var i = 0; i < elements.length; i++) {
                var td = elements[i].getElementsByTagName("td");
                var num = td[0].getElementsByTagName("span")[0].textContent;
                var content = td[1].getElementsByTagName("input")[0].value;
                var item = {
                    // num: String.fromCharCode(i + 65),
                    num:num,
                    item: content
                }
                // console.log(item);
                contents.push(item);
            }
        } else {
            //非选择题
            var elements = document.getElementsByClassName("scoreItem");
            for (var i = 0; i < elements.length; i++) {
                var td = elements[i].getElementsByTagName("td");
                var scoreItem = td[0].getElementsByTagName("input")[0].value;
                var weight = td[1].getElementsByTagName("input")[0].value;
                var item = {
                    scoreItem: scoreItem,
                    weight: weight
                }
                scoreItems.push(item);
            }

        }
        var courseTargetId = $("#courseTarget-list input[name='courseTargetId']");
        var courseTargetWeight = $("#courseTarget-list input[name='weight']");
        var courseTargetWeightSum = 0;
        for (var i = 0; i < courseTargetId.length; i++) {

            var item = {
                courseTargetId: courseTargetId[i].value,
                weight: parseFloat(courseTargetWeight[i].value)
            };
            courseTargetWeightSum +=item.weight;
            courseTargets.push(item);
        }

        console.log(courseTargetWeightSum)
        if(courseTargetWeightSum!=1){
            alert("课程目标权重和不为1，请重新输入！");
            location.reload();
        }else{
            var json = {
                id: id,
                title: title,
                description: description,
                standardAnswer: standardAnswer,
                type: type,
                //新加
                fullMark: fullMark,
                isSelect: isSelect,
                content: contents,
                scoreItems: scoreItems,
                courseTargets: courseTargets
            }

            var url = "";
            url = CONTEXT_PATH + "task/ajaxUpdate";
            $.post(url, {
                data: JSON.stringify(json)
            }, function (data) {
                if (data.status == "success") {
                    layer.msg("保存成功");
                    window.location.reload();
                } else {
                    layer.msg(data.message);
                }
            });
        }



        // console.log(json);


    }

    function Analysis(){
        console.log(data)
        window.location.href = CONTEXT_PATH+"courseTaskAnalysis?courseID="+data.data.courseId+'&taskID='+data.data.task.id;
    }
    // var chartDom1 = document.getElementById('graph1');
    // var myChart1 = echarts.init(chartDom1);
    // var option1;
    //
    //
    // // See https://github.com/ecomfe/echarts-stat
    // // echarts.registerTransform(ecStat.transform.regression);
    //
    // option1 = {
    //     xAxis: {
    //         name:'排名',
    //         splitLine: {
    //             lineStyle: {
    //                 type: 'dashed'
    //             }
    //         },
    //     },
    //     yAxis: {
    //         name:'分数',
    //         splitLine: {
    //             lineStyle: {
    //                 type: 'dashed'
    //             }
    //         },
    //     },
    //     title: {
    //         text: '排名-分数 散点图',
    //         left: 'center'
    //     },
    //     legend: {
    //         bottom: 10
    //     },
    //     tooltip: {
    //         trigger: 'item',
    //         axisPointer: {
    //             type: 'cross'
    //         }
    //     },
    //     series: [{
    //         color:'skyblue',
    //         name: '编译原理',
    //         type: 'scatter',
    //         symbolSize: 8,
    //         data: [
    //             [0.067732, 3.176513],
    //             [0.42781, 3.816464],
    //             [0.995731, 4.550095],
    //             [0.738336, 4.256571],
    //             [0.981083, 4.560815],
    //             [0.526171, 3.929515],
    //             [0.378887, 3.52617],
    //             [0.033859, 3.156393],
    //             [0.132791, 3.110301],
    //             [0.138306, 3.149813],
    //             [0.247809, 3.476346],
    //             [0.64827, 4.119688],
    //             [0.731209, 4.282233],
    //             [0.236833, 3.486582],
    //             [0.969788, 4.655492],
    //             [0.607492, 3.965162],
    //             [0.358622, 3.5149],
    //             [0.147846, 3.125947],
    //             [0.63782, 4.094115],
    //             [0.230372, 3.476039],
    //             [0.070237, 3.21061],
    //             [0.067154, 3.190612],
    //             [0.925577, 4.631504],
    //             [0.717733, 4.29589],
    //             [0.015371, 3.085028],
    //             [0.33507, 3.44808],
    //             [0.040486, 3.16744],
    //             [0.212575, 3.364266],
    //             [0.617218, 3.993482],
    //             [0.541196, 3.891471],
    //             [0.045353, 3.143259],
    //             [0.126762, 3.114204],
    //             [0.556486, 3.851484],
    //             [0.901144, 4.621899],
    //             [0.958476, 4.580768],
    //             [0.274561, 3.620992],
    //             [0.394396, 3.580501],
    //             [0.87248, 4.618706],
    //             [0.409932, 3.676867],
    //             [0.908969, 4.641845],
    //             [0.166819, 3.175939],
    //             [0.665016, 4.26498],
    //             [0.263727, 3.558448],
    //             [0.231214, 3.436632],
    //             [0.552928, 3.831052],
    //             [0.047744, 3.182853],
    //             [0.365746, 3.498906],
    //             [0.495002, 3.946833],
    //             [0.493466, 3.900583],
    //             [0.792101, 4.238522],
    //             [0.76966, 4.23308],
    //             [0.251821, 3.521557],
    //             [0.181951, 3.203344],
    //             [0.808177, 4.278105],
    //             [0.334116, 3.555705],
    //             [0.33863, 3.502661],
    //             [0.452584, 3.859776],
    //             [0.69477, 4.275956],
    //             [0.590902, 3.916191],
    //             [0.307928, 3.587961],
    //             [0.148364, 3.183004],
    //             [0.70218, 4.225236],
    //             [0.721544, 4.231083],
    //             [0.666886, 4.240544],
    //             [0.124931, 3.222372],
    //             [0.618286, 4.021445],
    //             [0.381086, 3.567479],
    //             [0.385643, 3.56258],
    //             [0.777175, 4.262059],
    //             [0.116089, 3.208813],
    //             [0.115487, 3.169825],
    //             [0.66351, 4.193949],
    //             [0.254884, 3.491678],
    //             [0.993888, 4.533306],
    //             [0.295434, 3.550108],
    //             [0.952523, 4.636427],
    //             [0.307047, 3.557078],
    //             [0.277261, 3.552874],
    //             [0.279101, 3.494159],
    //             [0.175724, 3.206828],
    //             [0.156383, 3.195266],
    //             [0.733165, 4.221292],
    //             [0.848142, 4.413372],
    //             [0.771184, 4.184347],
    //             [0.429492, 3.742878],
    //             [0.162176, 3.201878],
    //             [0.917064, 4.648964],
    //             [0.315044, 3.510117],
    //             [0.201473, 3.274434],
    //             [0.297038, 3.579622],
    //             [0.336647, 3.489244],
    //             [0.666109, 4.237386],
    //             [0.583888, 3.913749],
    //             [0.085031, 3.22899],
    //             [0.687006, 4.286286],
    //             [0.949655, 4.628614],
    //             [0.189912, 3.239536],
    //             [0.844027, 4.457997],
    //             [0.333288, 3.513384],
    //             [0.427035, 3.729674],
    //             [0.466369, 3.834274],
    //             [0.550659, 3.811155],
    //             [0.278213, 3.598316],
    //             [0.918769, 4.692514],
    //             [0.886555, 4.604859],
    //             [0.569488, 3.864912],
    //             [0.066379, 3.184236],
    //             [0.335751, 3.500796],
    //             [0.426863, 3.743365],
    //             [0.395746, 3.622905],
    //             [0.694221, 4.310796],
    //             [0.27276, 3.583357],
    //             [0.503495, 3.901852],
    //             [0.067119, 3.233521],
    //             [0.038326, 3.105266],
    //             [0.599122, 3.865544],
    //             [0.947054, 4.628625],
    //             [0.671279, 4.231213],
    //             [0.434811, 3.791149],
    //             [0.509381, 3.968271],
    //             [0.749442, 4.25391],
    //             [0.058014, 3.19471],
    //             [0.482978, 3.996503],
    //             [0.466776, 3.904358],
    //             [0.357767, 3.503976],
    //             [0.949123, 4.557545],
    //             [0.41732, 3.699876],
    //             [0.920461, 4.613614],
    //             [0.156433, 3.140401],
    //             [0.656662, 4.206717],
    //             [0.616418, 3.969524],
    //             [0.853428, 4.476096],
    //             [0.133295, 3.136528],
    //             [0.693007, 4.279071],
    //             [0.178449, 3.200603],
    //             [0.199526, 3.299012],
    //             [0.073224, 3.209873],
    //             [0.286515, 3.632942],
    //             [0.182026, 3.248361],
    //             [0.621523, 3.995783],
    //             [0.344584, 3.563262],
    //             [0.398556, 3.649712],
    //             [0.480369, 3.951845],
    //             [0.15335, 3.145031],
    //             [0.171846, 3.181577],
    //             [0.867082, 4.637087],
    //             [0.223855, 3.404964],
    //             [0.528301, 3.873188],
    //             [0.890192, 4.633648],
    //             [0.106352, 3.154768],
    //             [0.917886, 4.623637],
    //             [0.014855, 3.078132],
    //             [0.567682, 3.913596],
    //             [0.068854, 3.221817],
    //             [0.603535, 3.938071],
    //             [0.53205, 3.880822],
    //             [0.651362, 4.176436],
    //             [0.901225, 4.648161],
    //             [0.204337, 3.332312],
    //             [0.696081, 4.240614],
    //             [0.963924, 4.532224],
    //             [0.98139, 4.557105],
    //             [0.987911, 4.610072],
    //             [0.990947, 4.636569],
    //             [0.736021, 4.229813],
    //             [0.253574, 3.50086],
    //             [0.674722, 4.245514],
    //             [0.939368, 4.605182],
    //             [0.235419, 3.45434],
    //             [0.110521, 3.180775],
    //             [0.218023, 3.38082],
    //             [0.869778, 4.56502],
    //             [0.19683, 3.279973],
    //             [0.958178, 4.554241],
    //             [0.972673, 4.63352],
    //             [0.745797, 4.281037],
    //             [0.445674, 3.844426],
    //             [0.470557, 3.891601],
    //             [0.549236, 3.849728],
    //             [0.335691, 3.492215],
    //             [0.884739, 4.592374],
    //             [0.918916, 4.632025],
    //             [0.441815, 3.75675],
    //             [0.116598, 3.133555],
    //             [0.359274, 3.567919],
    //             [0.814811, 4.363382],
    //             [0.387125, 3.560165],
    //             [0.982243, 4.564305],
    //             [0.78088, 4.215055],
    //             [0.652565, 4.174999],
    //             [0.87003, 4.58664],
    //             [0.604755, 3.960008],
    //             [0.255212, 3.529963],
    //             [0.730546, 4.213412],
    //             [0.493829, 3.908685],
    //             [0.257017, 3.585821],
    //             [0.833735, 4.374394],
    //             [0.070095, 3.213817],
    //             [0.52707, 3.952681],
    //             [0.116163, 3.129283]
    //         ]
    //     }]
    // };
    //
    // option1 && myChart1.setOption(option1);
    //
    // var chartDom2 = document.getElementById('graph2');
    // var myChart2 = echarts.init(chartDom2);
    // var option2;
    //
    // option2 = {
    //     title: {
    //         text: '统计-占比 饼状图',
    //         left: 'center'
    //     },
    //     tooltip: {
    //         trigger: 'item'
    //     },
    //     legend: {
    //         bottom: 10
    //     },
    //     color : [ '#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de','#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],
    //     series: [
    //         {
    //             name: '访问来源',
    //             type: 'pie',
    //             radius: '50%',
    //             data: [
    //                 {value: 1048, name: '搜索引擎'},
    //                 {value: 735, name: '直接访问'},
    //                 {value: 580, name: '邮件营销'},
    //                 {value: 484, name: '联盟广告'},
    //                 {value: 300, name: '视频广告'}
    //             ],
    //             emphasis: {
    //                 itemStyle: {
    //                     shadowBlur: 10,
    //                     shadowOffsetX: 0,
    //                     shadowColor: 'rgba(0, 0, 0, 0.5)'
    //                 }
    //             }
    //         }
    //     ]
    // };
    //
    // option2 && myChart2.setOption(option2);
    //
    // var chartDom3 = document.getElementById('graph3');
    // var myChart3 = echarts.init(chartDom3);
    // var option3;
    //
    // option3 = {
    //     title: {
    //         text: '优秀人数-优秀率 柱状图',
    //         left: 'center'
    //     },
    //     color :['skyblue','pink'],
    //     tooltip: {
    //         trigger: 'axis',
    //         axisPointer: {
    //             type: 'cross',
    //             crossStyle: {
    //                 color: '#999'
    //             }
    //         }
    //     },
    //     toolbox: {
    //     },
    //     legend: {
    //         bottom: 10
    //     },
    //     xAxis: [
    //         {
    //             type: 'category',
    //             data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    //             axisPointer: {
    //                 type: 'shadow'
    //             }
    //         }
    //     ],
    //     yAxis: [
    //         {
    //             type: 'value',
    //             name: '优秀人数',
    //             min: 0,
    //             max: 250,
    //             interval: 50,
    //             axisLabel: {
    //                 formatter: '{value}'
    //             }
    //         },
    //         {
    //             type: 'value',
    //             name: '优秀率',
    //             min: 0,
    //             max: 25,
    //             interval: 5,
    //             axisLabel: {
    //                 formatter: '{value}'
    //             }
    //         }
    //     ],
    //     series: [
    //         // {
    //         //     name: '蒸发量',
    //         //     type: 'bar',
    //         //     data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
    //         // },
    //         {
    //             name: '优秀人数',
    //             type: 'bar',
    //             data: [
    //                 {value:5.9,
    //                     itemStyle: {
    //                         color: '#5470c6'
    //                     }},{value:35.9,
    //                     itemStyle: {
    //                         color: '#91cc75'
    //                     }}, {value:15.9,
    //                     itemStyle: {
    //                         color: '#fac858'
    //                     }}, {value:25.9,
    //                     itemStyle: {
    //                         color: '#ee6666'
    //                     }}, {value:70.7,
    //                     itemStyle: {
    //                         color: '#73c0de'
    //                     }}, 2.6,175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
    //         },
    //         {
    //             name: '优秀率',
    //             type: 'line',
    //             yAxisIndex: 1,
    //             data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
    //         }
    //     ]
    // };
    //
    // option3 && myChart3.setOption(option3);
    //
    // var chartDom4 = document.getElementById('graph4');
    // var myChart4 = echarts.init(chartDom4);
    // var option4;
    //
    // option4 = {
    //     title: {
    //         text: '良好人数-良好率 柱状图',
    //         left: 'center'
    //     },
    //     color :['skyblue','pink'],
    //     tooltip: {
    //         trigger: 'axis',
    //         axisPointer: {
    //             type: 'cross',
    //             crossStyle: {
    //                 color: '#999'
    //             }
    //         }
    //     },
    //     toolbox: {
    //     },
    //     legend: {
    //         bottom: 10
    //     },
    //     xAxis: [
    //         {
    //             type: 'category',
    //             data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    //             axisPointer: {
    //                 type: 'shadow',
    //             }
    //         }
    //     ],
    //     yAxis: [
    //         {
    //             type: 'value',
    //             name: '良好人数',
    //             min: 0,
    //             max: 250,
    //             interval: 50,
    //             axisLabel: {
    //                 formatter: '{value}',
    //             },
    //         },
    //         {
    //             type: 'value',
    //             name: '良好率',
    //             min: 0,
    //             max: 25,
    //             interval: 5,
    //             axisLabel: {
    //                 formatter: '{value}'
    //             }
    //         }
    //     ],
    //     series: [
    //         // {
    //         //     name: '蒸发量',
    //         //     type: 'bar',
    //         //     data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
    //         // },
    //         {
    //             name: '良好人数',
    //             type: 'bar',
    //             data: [
    //                 {value:5.9,
    //                     itemStyle: {
    //                         color: '#5470c6'
    //                     }},{value:35.9,
    //                     itemStyle: {
    //                         color: '#91cc75'
    //                     }}, {value:15.9,
    //                     itemStyle: {
    //                         color: '#fac858'
    //                     }}, {value:25.9,
    //                     itemStyle: {
    //                         color: '#ee6666'
    //                     }}, {value:70.7,
    //                     itemStyle: {
    //                         color: '#73c0de'
    //                     }}, 2.6,175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
    //
    //         },
    //         {
    //             name: '良好率',
    //             type: 'line',
    //             yAxisIndex: 1,
    //             data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
    //         }
    //     ]
    // };
    //
    // option4 && myChart4.setOption(option4);
    //
    // var chartDom5 = document.getElementById('graph5');
    // var myChart5 = echarts.init(chartDom5);
    // var option5;
    //
    // option5 = {
    //     title: {
    //         text: '及格人数-及格率 柱状图',
    //         left: 'center'
    //     },
    //     color :['skyblue','pink'],
    //     tooltip: {
    //         trigger: 'axis',
    //         axisPointer: {
    //             type: 'cross',
    //             crossStyle: {
    //                 color: '#999'
    //             }
    //         }
    //     },
    //     toolbox: {
    //     },
    //     legend: {
    //         bottom: 10
    //     },
    //     xAxis: [
    //         {
    //             type: 'category',
    //             data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    //             axisPointer: {
    //                 type: 'shadow',
    //             }
    //         }
    //     ],
    //     yAxis: [
    //         {
    //             type: 'value',
    //             name: '及格人数',
    //             min: 0,
    //             max: 250,
    //             interval: 50,
    //             axisLabel: {
    //                 formatter: '{value}',
    //             },
    //         },
    //         {
    //             type: 'value',
    //             name: '及格率',
    //             min: 0,
    //             max: 25,
    //             interval: 5,
    //             axisLabel: {
    //                 formatter: '{value}'
    //             }
    //         }
    //     ],
    //     series: [
    //         // {
    //         //     name: '蒸发量',
    //         //     type: 'bar',
    //         //     data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
    //         // },
    //         {
    //             name: '及格人数',
    //             type: 'bar',
    //             data: [
    //                 {value:5.9,
    //                     itemStyle: {
    //                         color: '#5470c6'
    //                     }},{value:35.9,
    //                     itemStyle: {
    //                         color: '#91cc75'
    //                     }}, {value:15.9,
    //                     itemStyle: {
    //                         color: '#fac858'
    //                     }}, {value:25.9,
    //                     itemStyle: {
    //                         color: '#ee6666'
    //                     }}, {value:70.7,
    //                     itemStyle: {
    //                         color: '#73c0de'
    //                     }}, 2.6,175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
    //
    //         },
    //         {
    //             name: '及格率',
    //             type: 'line',
    //             yAxisIndex: 1,
    //             data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
    //         }
    //     ]
    // };
    //
    // option5 && myChart5.setOption(option5);
    //
    // var chartDom6 = document.getElementById('graph6');
    // var myChart6 = echarts.init(chartDom6);
    // var option6;
    //
    // option6 = {
    //     title: {
    //         text: '不及格人数-不及格率 柱状图',
    //         left: 'center'
    //     },
    //     color :['skyblue','pink'],
    //     tooltip: {
    //         trigger: 'axis',
    //         axisPointer: {
    //             type: 'cross',
    //             crossStyle: {
    //                 color: '#999'
    //             }
    //         }
    //     },
    //     toolbox: {
    //     },
    //     legend: {
    //         bottom: 10
    //     },
    //     xAxis: [
    //         {
    //             type: 'category',
    //             data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    //             axisPointer: {
    //                 type: 'shadow',
    //             }
    //         }
    //     ],
    //     yAxis: [
    //         {
    //             type: 'value',
    //             name: '不及格人数',
    //             min: 0,
    //             max: 250,
    //             interval: 50,
    //             axisLabel: {
    //                 formatter: '{value}',
    //             },
    //         },
    //         {
    //             type: 'value',
    //             name: '不及格率',
    //             min: 0,
    //             max: 25,
    //             interval: 5,
    //             axisLabel: {
    //                 formatter: '{value}'
    //             }
    //         }
    //     ],
    //     series: [
    //         // {
    //         //     name: '蒸发量',
    //         //     type: 'bar',
    //         //     data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
    //         // },
    //         {
    //             name: '不及格人数',
    //             type: 'bar',
    //             data: [
    //                 {value:5.9,
    //                     itemStyle: {
    //                         color: '#5470c6'
    //                     }},{value:35.9,
    //                     itemStyle: {
    //                         color: '#91cc75'
    //                     }}, {value:15.9,
    //                     itemStyle: {
    //                         color: '#fac858'
    //                     }}, {value:25.9,
    //                     itemStyle: {
    //                         color: '#ee6666'
    //                     }}, {value:70.7,
    //                     itemStyle: {
    //                         color: '#73c0de'
    //                     }}, 2.6,175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
    //
    //         },
    //         {
    //             name: '不及格率',
    //             type: 'line',
    //             yAxisIndex: 1,
    //             data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
    //         }
    //     ]
    // };
    //
    // option6 && myChart6.setOption(option6);

</script>
</html>
